/* CUSTOM BLACK THEME */

html, body {
  background-color: #262626 !important;
}

/* Scrollbars */

::-webkit-scrollbar-track {
  background: #333333 !important;
  width: 25px;
}

::-webkit-scrollbar-thumb {
  border-radius: 15px !important;
}

/* Logo */

#GRAPH-CANVAS-CONTEXT-MENU {
  background-color: black;
}

#layout_GRAPH-CANVAS-CONTEXT-MENU_panel_main>.w2ui-panel-title {
  color: white !important;
}

.jstree-default .jstree-wholerow-clicked {
  background: grey;
}

.jstree-default .jstree-wholerow-hovered {
  background: rgb(166, 166, 166);
}

/* dat gui */

.dg li:not(.folder) {
  background: transparent !important;
  color: white;
  border-bottom: none !important;
}

.dg li.title {
  background: transparent !important;
  color: white !important;
}

.lm_controls .lm_maximise {
  background-image: url() !important;
}

.lm_maximised .lm_controls .lm_maximise {
  background-image: url() !important;
}

.dg li.title:nth-of-type(1) {
  background: #333333 url() 6px 10px no-repeat !important;
}

.dg .closed li.title:nth-of-type(1) {
  background: #222222 url() 6px 10px no-repeat !important;
}

.dg .c input[type=text] {
  background: #e9e9e9;
}

.dg .c .slider {
  background: grey;
}

.dg .c select {
  background-color: #999999 !important;
  color: black !important;
}

.dg .cr.function:hover, .dg .cr.boolean:hover {
  background: #333333 !important;
}

.dg .cr {
  border-top: 1px solid #3f3f3f;
}

/* Input */

input {
  background-color: #999999 !important;
  color: black !important;
}

input:focus {
  background-color: #dddddd !important;
}

::placeholder {
  color: black;
}

/* JSTREE*/

.jstree-default .jstree-clicked {
  background: #5b5b5b;
}

.jstree-default .jstree-hovered {
  background: #5b5b5b;
}

.jstree-default .jstree-search {
  color: white;
}

.jstree-default .jstree-anchor {
  color: white;
}

.vakata-context li>a, .vakata-context-hover, .vakata-context li>a:active {
  position: relative;
  background-color: #5b5b5b;
  color: white;
  text-shadow: none;
}

.vakata-context li>a:hover, .vakata-context .vakata-context-hover>a {
  background-color: #6d6d6d;
}

/* Editor */
hr:after {
  background: #444444;
}

/* GoldenLayout */

.lm_header .lm_tab {
  background-color: rgb(37, 37, 38) !important;
}

.lm_header .lm_tab.lm_active {
  background-color: rgb(55, 55, 55) !important;
}

.lm_header {
  background-color: #333333 !important;
}

.lm_content {
  background: #444444 !important;
}

/* Context Menu */

.context-menu-list {
  background: #888888;
}

.context-menu-item {
  background: #888888;
  color: white;
}

.context-menu-separator {
  border-bottom: 1px solid #777777;
}

/* W2UI */

.w2ui-layout {
  background-color: #444444;
}

.w2ui-layout>div .w2ui-panel .w2ui-panel-content {
  background-color: #333333;
  color: white;
}

.w2ui-tabs {
  color: white;
  background-color: #444444 !important;
}

.w2ui-tabs table {
  border-bottom: 1px solid transparent;
}

.w2ui-tabs .w2ui-tab {
  border: 1px solid #707070;
  color: white;
}

.w2ui-tabs .w2ui-tab.active {
  background-color: #999999 !important;
}

.w2ui-toolbar {
  background-color: #333333 !important;
}

.w2ui-toolbar table.w2ui-button .w2ui-tb-caption {
  color: white;
}

.w2ui-toolbar table.w2ui-button.checked {
  background-color: #888888;
}

.w2ui-overlay table.w2ui-drop-menu {
  background-color: #555555;
  color: white;
}

.w2ui-overlay table.w2ui-drop-menu tr.w2ui-selected {
  background-color: #0e1015;
}

.w2ui-overlay table.w2ui-drop-menu tr.w2ui-selected td {
  color: #ffffff;
}

.w2ui-overlay table.w2ui-drop-menu tr:hover {
  color: #dddddd;
  background-color: #333333;
}

.w2ui-grid {
  border: 1px solid #707070;
}

.w2ui-grid .w2ui-grid-body {
  background-color: transparent;
}

.w2ui-grid .w2ui-grid-body table .w2ui-head {
  color: white;
  background-image: linear-gradient(#444444, #555555);
}

.w2ui-grid .w2ui-grid-body table {
  background: grey;
}

.w2ui-grid .w2ui-grid-footer {
  background-color: #333333;
  color: white;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover {
  color: white;
  background-color: #222222;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-empty-record:hover {
  background-color: #555555;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover {
  color: white;
  background-color: #444444;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-empty-record:hover {
  background-color: #666666;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected, .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected {
  color: black !important;
  background-color: transparent !important;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd {
  background-color: #666666;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even {
  background-color: #555555;
}

.w2ui-grid .w2ui-grid-header {
  color: white;
  background-image: -webkit-linear-gradient(#444444, #555555);
}

.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div {
  color: white;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-columns {
  box-shadow: 0px 1px 4px #777777;
}

.w2ui-grid .w2ui-grid-footer {
  box-shadow: 0px -1px 4px #777777;
}

.w2ui-icon {
  filter: invert(0.8);
}

.w2ui-popup {
  background-color: #444444;
}

.w2ui-popup .w2ui-msg-body {
  color: white;
  background-color: #444444;
}

.w2ui-popup .w2ui-msg-buttons {
  background-color: #444444;
  border-top: 1px solid #444444;
}

.w2ui-form {
  background-color: #444444;
  border: 1px solid #333333;
}

.w2ui-field > label {
  color: white;
}

.w2ui-select {
  background: #777777;
  color: black;
}

.w2ui-overlay {
  background-color: #555555;
  color: white;
}

.w2ui-overlay table.w2ui-drop-menu .w2ui-item-odd {
  background-color: #666666;
}

.w2ui-overlay table.w2ui-drop-menu .w2ui-item-even {
  background-color: #555555;
}

.w2ui-overlay table.w2ui-drop-menu tr.w2ui-selected {
  background-color: #222222;
}

button.w2ui-btn {
  box-shadow: 0px 1px 0px black;
}

.w2ui-sidebar .w2ui-sidebar-div {
  background-color: #444444;
}

.w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-caption, .w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image, .w2ui-sidebar .w2ui-sidebar-div .w2ui-node .w2ui-node-image > span, .w2ui-sidebar .w2ui-sidebar-div .w2ui-node td.w2ui-node-dots {
  color: white;
}

.w2ui-sidebar .w2ui-sidebar-div .w2ui-node {
  background-color: #555555;
}

.w2ui-sidebar .w2ui-sidebar-div .w2ui-node:hover {
  background-color: #888888;
}

.w2ui-sidebar .w2ui-sidebar-div .w2ui-node-group {
  color: white;
  background-color: #444444;
}

.w2ui-sidebar .w2ui-sidebar-div .w2ui-selected, .w2ui-sidebar .w2ui-sidebar-div .w2ui-selected:hover {
  background-image: linear-gradient(#555555, #333333);
}